<template>
<h1>控制属性</h1>
<p class="j1" :blood="blood" @click="blood-=10">{{ blood<0?"死亡":"看报僵尸"+blood }}</p>
</template>

<script setup>
import { ref } from 'vue';

const blood = ref(100);
</script>

<style scoped>
.j1{
  width: 100px;
  height: 100px;
  background: pink;
}
</style>